
/* 会员中心的样式文件 */
/* 将common.less引入到首页 @import"文件名" */
@import "common";
/* 引入导航栏工具 */ 
@import "navTool";

/* body部分 */
.body_box {
    /* height: 80%;
    background-color: pink; */
    .box_in {
        .center_VH {
            flex-direction: column;
        }
        .heard_box {
            //position: relative;
            margin-bottom: (24rem / @basefont);
            //padding: (72rem / @basefont) 0;
            box-sizing: border-box;
            width: (750rem / @basefont);
            height: (313rem / @basefont);
            background-color: rgba(6,193,174,1);
            .heard {
                //position: absolute;
                //left: 50%;
                //transform: translateX(-50%);
                border: (10rem / @basefont) solid rgba(255,255,255,0.5);
                border-radius: 50%;
                height: (151.2rem / @basefont);
                width: (151.2rem / @basefont);
                //background-color: #dfe0e2;
                overflow: hidden;
                .heard_in {
                    //position: relative;
                    height: 100%;
                    width: 100%;
                    img {
                        height: 100%;
                        width: 100%;
                    }
                    /* background-color: purple; */
                }
            }
            .heard_name {
                position: relative;
                margin-top: (19.2rem / @basefont);
                width: (750rem / @basefont);
                height: (45rem / @basefont);
                font-size: (35rem / @basefont);
                color: #fff;
                p {
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    margin-right: (20rem / @basefont);
                    vertical-align: middle;
                }
                span {
                    position: absolute;
                    left: 60%;
                    font-size: (25rem / @basefont);
                }
            }
        }
        .table_box {
            //padding: (9.6rem / @basefont) (55.2rem / @basefont);
            box-sizing: border-box;
            //height: 100%;
            //background-color: pink;
            form {
                ul {
                    div {
                        box-sizing: border-box;
                        width: 100%;
                        height: (108rem / @basefont);
                        font-size: (30rem / @basefont);
                        background-color: #fff;
                        a {
                            padding: 0 (36rem / @basefont);
                            height: 100%;
                            width: 100%;
                            color: #333;
                            div {
                                border-bottom: (1.25rem / @basefont) solid #eee;
                                height: 100%;
                                width: 100%;
                                span {
                                    margin-left: (9.6rem / @basefont);
                                    margin-right: (40rem / @basefont);
                                    font-family: 'icomoon';
                                    font-size: (35rem / @basefont);
                                    font-weight: 400;
                                }
                                p {
                                    width: 100%;
                                    &::after {
                                        float: right;
                                        content: '';
                                        font-family: 'icomoon';
                                        color: #c7c7c7;
                                    }
                                }
                            }
                        }    
                    }
                }
                button {
                    margin-top: (24rem / @basefont);
                    width: 100%;
                    height: (98rem / @basefont);
                    border-radius: 0;
                    border-top: 1px solid #ececec;
                    border-bottom: 1px solid #ececec;
                    background-color: #fff;
                    font-size: (30rem / @basefont);
                    color: #333;
                }
            }
        }
    }
}